<!DOCTYPE html>
<html>

	<head>

		<head>
			<meta charset="UTF-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
			<title>login</title>
			<link rel="stylesheet" href="css/format.css" />
			<link rel="stylesheet" href="css/mint-min.css" />
			<link rel="stylesheet" href="css/login.css" />
		</head>
	</head>

	<body>
		<div id="app">
			<div class="login-form">
				<mt-field label="用户名" placeholder="请输入用户名" v-model="username"></mt-field>
				<mt-field label="邮箱" placeholder="请输入邮箱" type="email" v-model="email"></mt-field>
				<mt-field label="密码" placeholder="请输入密码" type="password" v-model="password"></mt-field>
				<mt-field label="手机号" placeholder="请输入手机号" type="tel" v-model="phone"></mt-field>
				<mt-field label="网站" placeholder="请输入网址" type="url" v-model="website"></mt-field>
				<mt-field label="数字" placeholder="请输入数字" type="number" v-model="number"></mt-field>
				<mt-field label="生日" placeholder="请输入生日" type="date" v-model="birthday"></mt-field>
				<mt-field label="自我介绍" placeholder="自我介绍" type="textarea" rows="4" v-model="introduction"></mt-field>
			</div>
			<div class="uploadImgWrapper">
				<div v-if="uploadImg">
					<img :src="uploadImg" class="uploadImg" />
				</div>
				<div v-else>
					<div class="uploadImg"></div>
				</div>
			</div>
			<div class="login-upload-wrap">
				<input 
					type="file" 
					name="file" 
					accept="image/*"
					ref="uploader" 
					class="login-upload-input" 
					capture="camera" 
					@change="onFileChange" 
					mutiple="mutiple"
				/>
				<mt-button @click.native="upload" type="primary">点击上传图片</mt-button>
				<mt-button @click.native="checkLoadImg" type="primary">检查上传的图片</mt-button>
				<mt-button @click.native="deleteImg" :disabled="btnDisabled">删除图片</mt-button>
				<mt-button @click.native="getImgSize" :disabled="btnDisabled">检查图片大小</mt-button>
			</div>
			<div class="login-button-wrap">
				<mt-button @click.native="login" type="primary">登录</mt-button>
				<mt-button @click.native="register">注册</mt-button>
			</div>
		</div>

		<script src="util/vue.min.js"></script>
		<script src="util/rem.js"></script>
		<script type="text/javascript" src="util/mint-min.js"></script>
		<script src="js/login.js"></script>
	</body>

</html>